<template>
   <div>
      <Catalog id="Catalog"   class="box"/>
      <Fun id="Fun" class="flex"/>
   </div>
</template>
<script>
import { mapState } from 'vuex'

import Catalog from './Catalog/Catalog.vue'
import Fun from './Fun/Fun.vue'
  export default 
  {
  components: { Catalog, Fun },
     name :'', 
     computed:{
       ...mapState('ArticleDetail',['ArticleDetail'])
     }
  }
</script>
<style scoped lang='less'>
.box{
    width: 100%;
}

#Fun{
    overflow: hidden;
    max-width: 300px;
    width: 100%;
    margin: 30px 0;
    justify-content: flex-start;
    position: relative;
}
</style>